﻿@model MenuDropdownModel
@using Nop.Web.Models.Common;

<script type="text/javascript">
$(document).ready(function($){
	$('#mega-menu-5').dcMegaMenu({
		rowItems: '4',
		speed: 'fast',
		effect: 'fade'
	});
});
</script>

@Html.Widget("header_menu_before")

<div class="orange">
<ul id="mega-menu-5" class="mega-menu">
    @foreach (var categoryModel in Model.Categories)
    {
        <li> <a class="utm" href="@Url.RouteUrl("NewsItem", new {categoryModel.SeName})">
                            @categoryModel.Name</a>
            <ul style="position: absolute;">
                @foreach (var subCategoryModel in categoryModel.SubCategories)
                {
                    <li>
                        <a href="@Url.RouteUrl("NewsItem", new {subCategoryModel.SeName})">
                            @subCategoryModel.Name</a>
                    </li>
                }
            </ul>
        </li>
    }
    <li>
        <a class="utm" href="@Url.RouteUrl("AllDealer")">@T("DailyDeal")</a>
    </li>
</ul>
</div>
@Html.Widget("header_menu_after")
